<template>
	<view>
		<view class="view1 ">
			<view class="flex-column-center">
				<view class="title ">
					最新价
				</view>
			</view>
			
			<view class="title1 flex-column-center">
				2025-06-03 09:23:32
				<text style="color: #F54C0D;">（开盘中）</text>
			</view>
			<view class="money flex-row-center">
				<text class="money1">￥</text>
				909.80
				<text class="money1">元/克</text>
			</view>
			<view class="line1">
				
			</view>
			<view class="" style="padding: 0 28rpx;">
				<view class="view2 flex-row-space-between">
					<view class="title2">
						品类
					</view>
					
						<view class="title3 flex-row-flex-end">
							黄金9999
							<uni-icons style="margin-left: 12rpx;" type="right" size="20" color="#959595"></uni-icons>
						</view>
				
				</view>
				<view class="line">
					
				</view>
				<view class="flex-row-space-between"  style="height: 140rpx;">
					<view class="title2">
						输入克重
					</view>
					<view class="flex-row-flex-end">
						<view class="inputView">
							<input type="text" placeholder="最多可定0.00克" />
						</view>
					</view>
				</view>
				<view class="flex-row-space-between">
					<view class="item1 flex-column-center" v-for="(item,index) in list" :key="index">
						{{item}}
					</view>
				</view>
				<view class="line" style="margin-top: 40rpx;">
					
				</view>
				<view class="view2 flex-row-space-between">
					<view class="title2">
						金额
					</view>
					
						<view class="title3 " style="color: #000000;">
							0.00
							元
						</view>
				
				</view>
			</view>
			
		</view>
		<image src="/static/route/image1.png" mode="widthFix" style="width: 100%;"></image>
		<view class="view3">
			<view class="title2">
				定价须知
			</view>
			<view class="" style="padding: 20rpx 0;">
					<rich-text v-html="content"> </rich-text>
			</view>
		</view>
		
		<view class="fixed-bottom" style="background-color: #fff;">
			<view class="buttonView flex-column-center">
				<view class="buttonTitle">
					立即锁价
				</view>
				<view class="buttonTitle">
					工作日: 10:00至23:30,周末:11:00至23:30
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	

	// import {
	// 	agreement
	// } from '@/api/index.js'
	export default {
		components: {},
		computed: {

		},
		data() {
			return {
				content:'我是富文本',
				list:['10g','20g','50g','100g','300g'],
				title:'',
			content:'',
				
			}
		},
		onShow() {

		},
		onLoad(e) {
			
			
		},
		
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page{
		padding-bottom: 180rpx;
	}
.view1{
	margin: 30rpx;
	// padding: 0 28rpx;
	background: #FFFFFF;
	box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(204,204,204,0.16);
	border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.title{
	margin:  28rpx 0;
	font-weight: 550;
	font-size: 28rpx;
	color: #000000;
}
.title1{
	font-weight: 400;
	font-size: 28rpx;
	color: #959595;
}
.money{
	margin-top: 70rpx;
	margin-bottom: 30rpx;
	font-weight: bold;
	font-size: 51rpx;
	color: #E61515;
}
.money1{
	margin: 0 10rpx;
	font-weight: bold;
	font-size: 28rpx;
	color: #E61515;
}
.line1{

	height: 10rpx;
	background: #F9F9F9;
}
.view2{
	height: 106rpx;
}
.title2{
	font-weight: 550;
	font-size: 28rpx;
	color: #000000;
}
.title3{
	font-weight: 400;
	font-size: 26rpx;
	color: #959595;
}
.inputView{
	width: 306rpx;
	height: 66rpx;
	
	background: #FFF7F3;
	border-radius: 8rpx 8rpx 8rpx 8rpx;
	border: 1rpx solid #FFDACC;
	input{
		margin: 0 34rpx;
		font-weight: 400;
		font-size: 26rpx;
		color: #30150A;
		height: 100%;
	}
	
}
.item1{
		width: 112rpx;
		height: 54rpx;
		
		background: #F9F9F9;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		border: 1px solid #E6E6E680;
		
		font-weight: 400;
		font-size: 26rpx;
		color: #30150A;
	}
	.view3{
		padding: 28rpx;
		margin: 30rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 3rpx 6rpx 1rpx rgba(204,204,204,0.16);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}
	.buttonView{
		margin: 32rpx;
		height: 110rpx;
		background: linear-gradient( 88deg, #FA3819 0%, #F5620D 100%);
		box-shadow: 0rpx 5rpx 13rpx 1rpx rgba(245,98,13,1);
		border-radius: 9rpx 9rpx 9rpx 9rpx;
	}
	.buttonTitle{
		font-weight: 400;
		font-size: 32rpx;
		color: #FFFFFF;
	}
</style>


